<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<%
    String basePath = request.getScheme()//http
            + "://"
            + request.getServerName()//当前服务器名字localhost
            + ":"
            + request.getServerPort()//8080
            + request.getContextPath()//Flower
            + "/pages/floda/";
    pageContext.setAttribute("basePath",basePath);
%>
<%--<base href="<%=basePath%>">--%>
<head>
    <title>Home</title>

    <!--=== Favicon ===-->
    <link rel="shortcut icon" href="${pageContext.request.contextPath}/pages/Floda/assets/img/favicon.ico" type="image/x-icon" />

    <!-- Google fonts include -->
    <link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,900%7CYesteryear" rel="stylesheet">

    <!-- All Vendor & plugins CSS include -->
    <link href="${pageContext.request.contextPath}/pages/Floda/assets/css/vendor.css" rel="stylesheet">
    <!-- Main Style CSS -->
    <link href="${pageContext.request.contextPath}/pages/Floda/assets/css/style.css" rel="stylesheet">
    <link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/pages/Floda/static/css/style.css" >
    <script type="text/javascript" src="${pageContext.request.contextPath}/pages/Floda/static/script/jquery-1.7.2.js"></script>
</head>

<script type="text/javascript">
</script>
<body>

<!-- Start Header Area -->
<header class="header-area">
    <!-- main header start -->
    <div class="main-header d-none d-lg-block">
        <!-- header top start -->
        <div class="header-top bdr-bottom">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-6">
                        <div class="welcome-message">
                            <p>欢迎 ${sessionScope.user.name} 来到花城世界</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- header top end -->

        <!-- header middle area start -->
        <div class="header-main-area sticky">
            <div class="container">
                <div class="row align-items-center position-relative">

                    <!-- Floda图标 -->
                    <div class="col-lg-3">
                        <div class="logo">
                            <a href="index.html">
                                <img src="${pageContext.request.contextPath}/pages/Floda/assets/img/logo/logo.png" alt="">
                            </a>
                        </div>
                    </div>
                    <!-- start logo area -->

                    <!-- 主菜单 -->
                    <div class="col-lg-6 position-static">
                        <div class="main-menu-area">
                            <div class="main-menu">
                                <!-- main menu navbar start -->
                                <nav class="desktop-menu">
                                    <ul>
                                        <li style="margin-left: 230px"><a href="${pageContext.request.contextPath}/index.jsp">首页</a></li>
                                        <li style="margin-right: 230px"><a href="${pageContext.request.contextPath}/flowerServlet?action=pre_list_shop">商品</a></li>
                                    </ul>
                                </nav>
                                <!-- main menu navbar end -->
                            </div>
                        </div>
                    </div>
                    <!-- main menu area end -->

                    <!-- mini cart area start -->
                    <div class="col-lg-3">
                        <div class="header-configure-wrapper">
                            <div class="header-configure-area">
                                <ul class="nav justify-content-end">
                                    <li>
                                        <a href="#" class="offcanvas-btn">
                                            <i class="lnr lnr-magnifier"></i>
                                        </a>
                                    </li>
                                    <li class="user-hover">
                                        <a href="#">
                                            <i class="lnr lnr-user"></i>
                                        </a>
                                        <ul class="dropdown-list">
                                        <c:if test="${empty sessionScope.user}">
                                            <li><a href="${pageContext.request.contextPath}/pages/Floda/login.jsp">登录</a></li>
                                            <li><a href="${pageContext.request.contextPath}/pages/Floda/login.jsp">注册</a></li>
                                        </c:if>
                                        <c:if test="${not empty sessionScope.user}">
                                            <li><a href="${pageContext.request.contextPath}/pages/Floda/message.jsp">个人信息</a></li>
                                            <li><a href="${pageContext.request.contextPath}/pages/Floda/login.jsp" id="logout">退出</a></li>
                                        </c:if>

                                        </ul>
                                    </li>
                                    <li>
                                        <!--购物车图标-->
                                        <a href="#" class="minicart-btn">
                                            <i class="lnr lnr-cart"></i>
                                            <c:if test="${empty sessionScope.user}">
                                            <div class="notification">0</div>
                                            </c:if>
                                            <c:if test="${not empty sessionScope.user}">
                                                <div class="notification">${sessionScope.cart.totalCount}</div>
                                            </c:if>

                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- mini cart area end -->

                </div>
            </div>
        </div>
        <!-- header middle area end -->
    </div>
    <!-- main header start -->

    <!-- mobile header start -->
    <div class="mobile-header d-lg-none d-md-block sticky">
        <!--移动标题 顶部固定 -->
        <div class="container">
            <div class="row align-items-center">
                <div class="col-12">
                    <div class="mobile-main-header">
                        <div class="mobile-logo">
                            <a href="index.html">
                                <img src="${pageContext.request.contextPath}/pages/Floda/assets/img/logo/logo.png" alt="Brand Logo">
                            </a>
                        </div>
                        <div class="mobile-menu-toggler">
                            <div class="mini-cart-wrap">
                                <a href="#">
                                    <i class="lnr lnr-cart"></i>
                                </a>
                            </div>
                            <div class="mobile-menu-btn">
                                <div class="off-canvas-btn">
                                    <i class="lnr lnr-menu"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- mobile header top start -->
    </div>
    <!-- mobile header end -->
</header>
<!-- end Header Area -->

<!-- off-canvas menu start -->
<aside class="off-canvas-wrapper">
    <div class="off-canvas-overlay"></div>
    <div class="off-canvas-inner-content">
        <div class="btn-close-off-canvas">
            <i class="lnr lnr-cross"></i>
        </div>

        <div class="off-canvas-inner">
            <!-- 搜索 -->
            <div class="search-box-offcanvas">
                <form>
                    <input type="text" placeholder="请输入搜索物品名称...">
                    <button class="search-btn"><i class="lnr lnr-magnifier"></i></button>
                </form>
            </div>
            <!-- search box end -->

            <!-- mobile menu start -->
            <div class="mobile-navigation">

                <!-- mobile menu navigation start -->
                <nav>
                    <ul class="mobile-menu">
                        <li><a href="${pageContext.request.contextPath}/pages/index.jsp">首页</a></li>
                        <li><a href="${pageContext.request.contextPath}/flowerServlet?action=pre_list_shop">商品</a></li>
                    </ul>
                </nav>
                <!-- mobile menu navigation end -->
            </div>
            <!-- mobile menu end -->



        </div>
    </div>
</aside>
<!-- off-canvas menu end -->



<!-- main wrapper start -->
<main>
    <!-- slider area start -->
    <section class="slider-area">
        <div class="hero-slider-active slick-arrow-style slick-arrow-style_hero slick-dot-style">
            <!-- single slider item start -->
            <div class="hero-single-slide ">
                <div class="hero-slider-item bg-img" data-bg="${pageContext.request.contextPath}/pages/Floda/assets/img/slider/home1-slide1.jpg">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="hero-slider-content slide-1">
                                    <span>valentine gift</span>
                                    <h1>Fresh Your Mind</h1>
                                    <h2>& Feeling love</h2>
                                    <a href="shop.html" class="btn-hero">shop now</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- single slider item end -->

            <!-- single slider item start -->
            <div class="hero-single-slide">
                <div class="hero-slider-item bg-img" data-bg="${pageContext.request.contextPath}/pages/Floda/assets/img/slider/home1-slide2.jpg">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="hero-slider-content slide-2">
                                    <span>valentine gift</span>
                                    <h1>Fresh Your Mind</h1>
                                    <h2>& Feeling love</h2>
                                    <a href="shop.html" class="btn-hero">shop now</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- single slider item start -->
        </div>
    </section>
    <!-- slider area end -->

    <!-- banner statistics start -->
    <section class="banner-statistics section-space">
        <div class="container">
            <div class="row mbn-30">

                <!-- start store item -->
                <div class="col-md-4">
                    <div class="banner-item mb-30">
                        <figure class="banner-thumb">
                            <a href="#">
                                <img src="${pageContext.request.contextPath}/pages/Floda/assets/img/banner/img1-top-floda1.jpg" alt="">
                            </a>
                            <figcaption class="banner-content">
                                <h2 class="text1">Top friday</h2>
                                <h2 class="text2">金黄色</h2>
                                <a class="store-link" href="#">立即购买</a>
                            </figcaption>
                        </figure>
                    </div>
                </div>
                <!-- start store item -->

                <!-- start store item -->
                <div class="col-md-4">
                    <div class="banner-item mb-30">
                        <figure class="banner-thumb">
                            <a href="#">
                                <img src="${pageContext.request.contextPath}/pages/Floda/assets/img/banner/img1-top-floda2.jpg" alt="">
                            </a>
                            <figcaption class="banner-content text-center">
                                <h2 class="text1">Black friday</h2>
                                <h2 class="text2">兰花束</h2>
                                <a class="store-link" href="#">立即购买</a>
                            </figcaption>
                        </figure>
                    </div>
                </div>
                <!-- start store item -->

                <!-- start store item -->
                <div class="col-md-4">
                    <div class="banner-item mb-30">
                        <figure class="banner-thumb">
                            <a href="#">
                                <img src="${pageContext.request.contextPath}/pages/Floda/assets/img/banner/img1-top-floda3.jpg" alt="">
                            </a>
                            <figcaption class="banner-content">
                                <h2 class="text1">10% off</h2>
                                <h2 class="text2">郁金香</h2>
                                <a class="store-link" href="#">立即购买</a>
                            </figcaption>
                        </figure>
                    </div>
                </div>
                <!-- start store item -->
            </div>
        </div>
    </section>
    <!-- banner statistics end -->

    <!-- service policy start -->
    <section class="service-policy-area section-space p-0">
        <div class="container">
            <div class="row">
                <div class="col-lg-3 col-md-6 col-sm-6">
                    <!-- start policy single item -->
                    <div class="service-policy-item">
                        <div class="icons">
                            <img src="${pageContext.request.contextPath}/pages/Floda/assets/img/icon/free_shipping.png" alt="">
                        </div>
                        <div class="policy-terms">
                            <h5>轻松购物</h5>
                            <p>配送免费 全城配送</p>
                        </div>
                    </div>
                    <!-- end policy single item -->
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6">
                    <!-- start policy single item -->
                    <div class="service-policy-item">
                        <div class="icons">
                            <img src="${pageContext.request.contextPath}/pages/Floda/assets/img/icon/support247.png" alt="">
                        </div>
                        <div class="policy-terms">
                            <h5>24小时</h5>
                            <p>24小时为您服务</p>
                        </div>
                    </div>
                    <!-- end policy single item -->
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6">
                    <!-- start policy single item -->
                    <div class="service-policy-item">
                        <div class="icons">
                            <img src="${pageContext.request.contextPath}/pages/Floda/assets/img/icon/money_back.png" alt="">
                        </div>
                        <div class="policy-terms">
                            <h5>放心选择</h5>
                            <p>30天 无条件退换</p>
                        </div>
                    </div>
                    <!-- end policy single item -->
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6">
                    <!-- start policy single item -->
                    <div class="service-policy-item">
                        <div class="icons">
                            <img src="${pageContext.request.contextPath}/pages/Floda/assets/img/icon/promotions.png" alt="">
                        </div>
                        <div class="policy-terms">
                            <h5>折扣不断</h5>
                            <p>每单可享额外折扣</p>
                        </div>
                    </div>
                    <!-- end policy single item -->
                </div>
            </div>
        </div>
    </section>
    <!-- service policy end -->

    <!-- our product area start -->
    <section class="our-product section-space">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="section-title text-center">
                        <h2>热销新品</h2>
                        <p>花心思 只为你</p>
                    </div>
                </div>
            </div>
            <div class="row mtn-40">

                <!-- product single item start -->
                <c:forEach items="${requestScope.flowers}" var="flowers">
                <div class="col-lg-3 col-md-4 col-sm-6">
                    <div class="product-item mt-40">
                        <figure class="product-thumb">
                            <a href="${pageContext.request.contextPath}/flowerServlet?action=show_details&id=${flowers.id}">
                                <img class="pri-img" src="${flowers.img_path}" alt="product">
                            </a>
                            <div class="product-badge">
                                <div class="product-label new">
                                    <span>new</span>
                                </div>
                                <div class="product-label discount">
                                    <span>10%</span>
                                </div>
                            </div>
                            <div class="button-group">
                                <a style="padding-top: 10px" href="cartServlet?action=addItem&id=${flowers.id}" data-toggle="tooltip" data-placement="left" title="添加购物车"><i class="lnr lnr-cart"></i></a>
                            </div>
                        </figure>
                        <div class="product-caption">
                            <p class="product-name">
                                <a href="${pageContext.request.contextPath}/pages/Floda/details.jsp">${flowers.name}</a>
                            </p>
                            <div class="price-box">
                                <span class="price-regular">￥${flowers.price}</span>
                                <span class="price-old"><del>￥${flowers.price+20}</del></span>
                            </div>
                        </div>
                    </div>
                </div>
                </c:forEach>
                <!-- product single item end -->



                <div class="col-12">
                    <div class="view-more-btn">
                        <a class="btn-hero btn-load-more" href="${pageContext.request.contextPath}/flowerServlet?action=pre_list_shop">其他精品花卉</a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- our product area end -->

    <!-- banner statistics start -->
    <section class="banner-statistics-right">
        <div class="container">
            <div class="row">
                <!-- start banner item start -->
                <div class="col-md-6">
                    <div class="banner-item banner-border">
                        <figure class="banner-thumb">
                            <a href="#">
                                <img src="${pageContext.request.contextPath}/pages/Floda/assets/img/banner/banner-1.jpg" alt="">
                            </a>
                            <figcaption class="banner-content banner-content-right">
                                <h2 class="text1">for you</h2>
                                <h2 class="text2">Tulip Flower</h2>
                                <a class="store-link" href="#">shop now</a>
                            </figcaption>
                        </figure>
                    </div>
                </div>
                <!-- start banner item end -->

                <!-- start banner item start -->
                <div class="col-md-6">
                    <div class="banner-item banner-border">
                        <figure class="banner-thumb">
                            <a href="#">
                                <img src="${pageContext.request.contextPath}/pages/Floda/assets/img/banner/banner-2.jpg" alt="">
                            </a>
                            <figcaption class="banner-content banner-content-right">
                                <h2 class="text1">for you</h2>
                                <h2 class="text2">Flower & Box</h2>
                                <a class="store-link" href="#">shop now</a>
                            </figcaption>
                        </figure>
                    </div>
                </div>
                <!-- start banner item end -->
            </div>
        </div>
    </section>
    <!-- banner statistics end -->

    <!-- trending product area start -->
    <section class="top-sellers section-space">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="section-title text-center">
                        <h2>热卖花卉</h2>
                        <p>Accumsan vitae pede lacus ut ullamcorper sollicitudin quisque libero</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <div class="product-carousel--4 slick-row-15 slick-sm-row-10 slick-arrow-style">
                        <!-- product single item start -->
                        <div class="product-item">
                            <figure class="product-thumb">
                                <a href="${pageContext.request.contextPath}/pages/Floda/details.jsp">
                                    <img class="pri-img" src="${pageContext.request.contextPath}/pages/Floda/assets/img/product/product-9.jpg" alt="product">
                                </a>
                                <div class="product-badge">
                                    <div class="product-label new">
                                        <span>new</span>
                                    </div>
                                </div>
                                <div class="button-group">
                                    <a href="#" data-toggle="tooltip" data-placement="left" title="添加收藏"><i class="lnr lnr-heart"></i></a>
                                    <a href="#" data-toggle="modal" data-target="#quick_view"><span data-toggle="tooltip" data-placement="left" title="立即查看"><i class="lnr lnr-magnifier"></i></span></a>
                                    <a href="#" data-toggle="tooltip" data-placement="left" title="添加购物车"><i class="lnr lnr-cart"></i></a>
                                </div>
                            </figure>
                            <div class="product-caption">
                                <p class="product-name">
                                    <a href="${pageContext.request.contextPath}/pages/Floda/details.jsp">Blossom bouquet flower</a>
                                </p>
                                <div class="price-box">
                                    <span class="price-regular">$50.00</span>
                                    <span class="price-old"><del>$80.00</del></span>
                                </div>
                            </div>
                        </div>
                        <!-- product single item end -->


                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- trending product area end -->

    <!-- Instagram Feed Area Start -->
    <div class="instagram-feed-area">
        <div class="instagram-feed-thumb">
            <div id="instafeed" class="instagram-carousel" data-userid="6666969077" data-accesstoken="6666969077.1677ed0.d325f406d94c4dfab939137c5c2cc6c2">
            </div>
        </div>
    </div>
    <!-- Instagram Feed Area End -->

</main>
<!-- main wrapper end -->

<!-- Start Footer Area Wrapper -->
<footer class="footer-wrapper">

    <!-- footer widget area start -->
    <div class="footer-widget-area">
        <div class="container">
            <div class="footer-widget-inner section-space">
                <div class="row mbn-30">
                    <!-- footer widget item start -->
                    <div class="col-lg-5 col-md-6 col-sm-8">
                        <div class="footer-widget-item mb-30">
                            <div class="footer-widget-title">
                                <h5>关于我们</h5>
                            </div>
                            <ul class="footer-widget-body accout-widget">
                                <li class="address">
                                    <em><i class="lnr lnr-map-marker"></i></em>
                                    江苏省扬州市生态文化新城
                                </li>
                                <li class="email">
                                    <em><i class="lnr lnr-envelope"></i>邮件： </em>
                                    <a href="mailto:test@yourdomain.com">huaweijiaren@163.com</a>
                                </li>
                                <li class="phone">
                                    <em><i class="lnr lnr-phone-handset"></i> 联系方式： </em>
                                    <a href="tel:(012)800456789-987">(012) 800 456 789-987</a>
                                </li>
                            </ul>
                            <div class="payment-method">
                                <img src="${pageContext.request.contextPath}/pages/Floda/assets/img/payment-pic.png" alt="payment method">
                            </div>
                        </div>
                    </div>
                    <!-- footer widget item end -->

                    <!-- footer widget item start -->
                    <div class="col-lg-2 col-md-6 col-sm-4">
                        <div class="footer-widget-item mb-30">
                            <div class="footer-widget-title">
                                <h5>客户服务</h5>
                            </div>
                            <ul class="footer-widget-body">
                                <li><a href="#">服务声明</a></li>
                                <li><a href="#">售后服务</a></li>
                                <li><a href="#">配送范围</a></li>
                                <li><a href="#">取消订单</a></li>
                                <li><a href="#">隐私条款</a></li>
                            </ul>
                        </div>
                    </div>
                    <!-- footer widget item end -->

                    <!-- footer widget item start -->
                    <div class="col-lg-2 col-md-6 col-sm-6">
                        <div class="footer-widget-item mb-30">
                            <div class="footer-widget-title">
                                <h5>相关问题</h5>
                            </div>
                            <ul class="footer-widget-body">
                                <li><a href="#">常见问题</a></li>
                                <li><a href="#">配送说明</a></li>
                                <li><a href="#">订单查询</a></li>
                                <li><a href="#">补交货款</a></li>
                                <li><a href="#">安全条款</a></li>
                            </ul>
                        </div>
                    </div>
                    <!-- footer widget item end -->

                    <!-- footer widget item start -->
                    <div class="col-lg-2 offset-lg-1 col-md-6 col-sm-6">
                        <div class="footer-widget-item mb-30">
                            <div class="footer-widget-title">
                                <h5>热门资讯</h5>
                            </div>
                            <ul class="footer-widget-body">
                                <li><a href="#">网购流程</a></li>
                                <li><a href="#">网购演示</a></li>
                                <li><a href="#">配送城市</a></li>
                                <li><a href="#">售后服务</a></li>
                                <li><a href="#">我应该提前多久预订鲜花？</a></li>
                            </ul>
                        </div>
                    </div>
                    <!-- footer widget item end -->
                </div>
            </div>
        </div>
    </div>
    <!-- footer widget area end -->

    <!-- footer bottom area start -->
    <div class="footer-bottom-area">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-6 order-2 order-md-1">
                    <div class="copyright-text" style="text-align: center">
                        <p>Copyright &copy; 2020 为你铺种一座花城</p>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!-- footer bottom area end -->

</footer>
<!-- End Footer Area Wrapper -->



<!-- offcanvas search form start -->
<div class="offcanvas-search-wrapper">
    <div class="offcanvas-search-inner">
        <div class="offcanvas-close">
            <i class="lnr lnr-cross"></i>
        </div>
        <div class="container">
            <div class="offcanvas-search-box">
                <form class="d-flex bdr-bottom w-100">
                    <input type="text" placeholder="请输入你要搜索的名字...">
                    <button class="search-btn"><i class="lnr lnr-magnifier"></i>搜索</button>
                </form>
            </div>
        </div>
    </div>
</div>
<!-- offcanvas search form end -->

<%--<!-- offcanvas mini cart start -->--%>
<%@include file="cart.jsp"%>
<%--<div class="offcanvas-minicart-wrapper">--%>
<%--    <div class="minicart-inner">--%>
<%--        <div class="offcanvas-overlay"></div>--%>
<%--        <div class="minicart-inner-content">--%>
<%--            <div class="minicart-close">--%>
<%--                <i class="lnr lnr-cross"></i>--%>
<%--            </div>--%>
<%--            <div class="minicart-content-box">--%>
<%--                <div class="minicart-item-wrapper">--%>
<%--                    <ul>--%>
<%--                        <li class="minicart-item">--%>
<%--                            <div class="minicart-thumb">--%>
<%--                                <a href="${pageContext.request.contextPath}/pages/Floda/details.jsp">--%>
<%--                                    <img src="${pageContext.request.contextPath}/pages/Floda/assets/img/cart/cart-1.jpg" alt="product">--%>
<%--                                </a>--%>
<%--                            </div>--%>
<%--                            <div class="minicart-content">--%>
<%--                                <h3 class="product-name">--%>
<%--                                    <a href="details.jsp">甜蜜物语</a>--%>
<%--                                </h3>--%>
<%--                                <p>--%>
<%--                                    <span class="cart-quantity">1 <strong>&times;</strong></span>--%>
<%--                                    <span class="cart-price">230.00</span>--%>
<%--                                </p>--%>
<%--                            </div>--%>
<%--                            <button class="minicart-remove"><i class="lnr lnr-cross"></i></button>--%>
<%--                        </li>--%>
<%--                        <li class="minicart-item">--%>
<%--                            <div class="minicart-thumb">--%>
<%--                                <a href="${pageContext.request.contextPath}/pages/Floda/details.jsp">--%>
<%--                                    <img src="${pageContext.request.contextPath}/pages/Floda/assets/img/cart/cart-2.jpg" alt="product">--%>
<%--                                </a>--%>
<%--                            </div>--%>
<%--                            <div class="minicart-content">--%>
<%--                                <h3 class="product-name">--%>
<%--                                    <a href="${pageContext.request.contextPath}/pages/Floda/details.jsp">青青子衿</a>--%>
<%--                                </h3>--%>
<%--                                <p>--%>
<%--                                    <span class="cart-quantity">1 <strong>&times;</strong></span>--%>
<%--                                    <span class="cart-price">190.00</span>--%>
<%--                                </p>--%>
<%--                            </div>--%>
<%--                            <button class="minicart-remove"><i class="lnr lnr-cross"></i></button>--%>
<%--                        </li>--%>
<%--                    </ul>--%>
<%--                </div>--%>

<%--                <div class="minicart-pricing-box">--%>
<%--                    <ul>--%>
<%--                        <li>--%>
<%--                            <span>商品数量</span>--%>
<%--                            <span><strong>2</strong></span>--%>
<%--                        </li>--%>
<%--                        <li class="total">--%>
<%--                            <span>共计</span>--%>
<%--                            <span><strong>420.00</strong></span>--%>
<%--                        </li>--%>
<%--                    </ul>--%>
<%--                </div>--%>

<%--                <div class="minicart-button">--%>
<%--                    <a href="#"><i class="fa fa-shopping-cart"></i> 结算</a>--%>
<%--                </div>--%>
<%--            </div>--%>
<%--        </div>--%>
<%--    </div>--%>
<%--</div>--%>
<!-- offcanvas mini cart end -->

<!-- Scroll to top start -->
<div class="scroll-top not-visible">
    <i class="fa fa-angle-up"></i>
</div>
<!-- Scroll to Top End -->

<!-- All vendor & plugins & active js include here -->
<!--All Vendor Js -->
<script src="${pageContext.request.contextPath}/pages/Floda/assets/js/vendor.js"></script>
<!-- Active Js -->
<script src="${pageContext.request.contextPath}/pages/Floda/assets/js/active.js"></script>
</body>


</html>
